/*=============================================================================================	
    Company    : PT Web Architect Technology - webarq.com
    Document   : Stylesheet
    Author     : Rizki Nida Chaerulsyah - akuiki.net
==============================================================================================*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,300);
@import url(https://fonts.googleapis.com/css?family=Oswald);

html{overflow-x: hidden}
body {
    position: relative;
    color: #707070;
    font-size: 12px;
    font-family:"Helvetica Neue","Open Sans";
    overflow: hidden;
}
img{ border:0; max-width:100%; height:auto; }
.italic { font-style: italic; }
.bold { font-weight: bold; }
.regular { font-weight: lighter; }
.fl { float: left; }
.fr { float: right; }
.clear { clear: both; }
p {
    margin: 1px 0 15px;
    line-height: 20px;
}
input, textarea, select {
    font-size: 12px;
    font-family:"Helvetica Neue","Open Sans";
    border: none;
    border: 1px solid #D8D8D8;
    padding: 10px;
    margin: 0;
    color: #666;
}
input[type=checkbox], input[type=radio] {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}
h1 { font-size: 32px; }
h2 { font-size: 28px; }
h3 { font-size: 24px; }
h4 { font-size: 20px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }
/* structure
----------------------------------------------------------------------------------------------*/
.wrapper {
    position: relative;
    width: 940px;
    margin: 0 auto;
}
/* global
----------------------------------------------------------------------------------------------*/
.after_clear:after{display: block;clear: both;content: '';}
.before_clear:before{display: block;clear: both;content: '';}


.align_left{text-align: left !important;}
.align_center{text-align: center !important;}
.align_right{text-align: right !important;}

.about .sec_4 .circle .box a,
.about .sec_4 .circle .box h5,
.banner .pager a.box:after,
.menu a,
/*.about .sec_5 .wrap_circle .circle .box,
.about .sec_5 .wrap_circle .circle .box .text,*/
.transition{
    transition: 0.2s all linear;
    -webkit-transition: 0.2s all linear;
    -moz-transition: 0.2s all linear;
    -ms-transition: 0.2s all linear;
    -o-transition: 0.2s all linear;
}

.std_btn{
    font-weight: 700;
    font-size: 20px;
    display: block;
    width: 140px;
    height: 35px;
    background: #1b1e49;
    color:#FFF;
    margin:10px auto 0;
    text-align: center;
    line-height: 34px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}
.std_btn:hover{background:#f8a403 }
.image{position: relative;overflow: hidden;}
.backtop{
    display: block;
    background: url(../images/material/back_top.png) no-repeat top center;
    padding: 60px 0 0 0 ;
    margin: 30px auto;
    width: 100px;    
    color:#f8a403;
    font-size: 25px;
    font-size: 14px;
    font-weight: bold;
    line-height: 25px;
    text-align: center;
}
.backtop:hover{}
.cover_combo{border:1px solid #e1e1e1;height: 28px;background: #FFF;}
.inner_combo{
    line-height: 28px;
    padding: 0 10px 0 10px;
    margin: 0 10px 0 0;
    background: url(../images/material/arr_combo.png) no-repeat right center;
}

/* header
----------------------------------------------------------------------------------------------*/
header { position: relative;height: 177px;z-index:2}
header .logo{margin: 12px 80px 13px 0;}
header .search{position: relative;width: 460px;margin: 60px 0 0 0;}
header .search input[type=text]{
    background: #e1e1e1;
    width: 420px;
    height: 50px;
    padding: 0 20px;
    border:none;
    font-size: 14px;
    line-height: 14px;
    font-style: italic;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}
header .search .btn{
    background:#1b1e49 url(../images/material/search_ico.png) no-repeat center;
    cursor: pointer;
    width: 44px;
    height: 44px;
    padding: 0;
    text-indent: -9999px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    position: absolute;
    right: 3px;
    top: 3px;
}
header .search .btn:hover{background-color: #f8a403;}
header .right .lang{margin: 15px 0 35px;font-weight: 600;color:#5f5f5f;text-align: right;}
header .right .lang a{
    background: url(../images/material/lang_arr.png) no-repeat right center;;
    color:#5f5f5f;
    padding: 0 15px 0 0;
}
header .right .link_btn{
    position: relative;
    float: left;
    display: block;
    width: 47px;
    height: 47px;
    margin: 0 0 0 22px;
    text-indent: -9999px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}
header .right .link_btn.sl{background:#1b1e49 url(../images/material/store_locator_ico.png) no-repeat center;}
header .right .link_btn.cart{background:#1b1e49 url(../images/material/cart_ico.png) no-repeat center;}
header .right .link_btn.cart span{
    position: absolute;
    background: #f8a403;
    color:#FFF;
    border:1px solid transparent;
    display: block;
    font-size: 18px;
    line-height: 30px;
    width: 29px;
    height: 29px;
    text-indent: 0;
    text-align:center;
    top:-10px;
    right:-10px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}
header .right .link_btn:hover{ background-color: #f8a403}
header .menu{background:#1b1e49;height: 40px;}
header .menu li{float: left;position:relative;}
header .menu li a{
    background: url(../images/material/menu_arr.png) no-repeat right -40px;
    display: block;
    font-size: 17px;
    color:#FFF;
    line-height: 40px;
    border-left:1px solid #363636;
    border-right:1px solid #363636;
    margin: 0 0 0 -1px;
    padding: 0 35px 0 20px;
}
header .menu li a.active,
header .menu li:hover a{background-color: #FFF;background-position: right 0px;color:#1b1e49}
header .menu li ul {
    position: absolute;
    display: none;
    width: 305px;
    padding: 10px 0;
    border: 1px solid #c2c2c2;
    border-top-color:#FFF;
    background: #FFF;
    z-index: 2;
}
header .menu li ul li{display:block;float: none;padding:0 10px;position:static;}
header .menu li:hover ul li a,
header .menu li ul li a{
    position: relative;
    height: 35px;
    line-height: 35px;
    display: block;
    color:#404040;
    padding: 0 0 0 42px;
    border:none;
    font-size: 14px;
    font-weight: bold;
    background:url(../images/material/menusub_arr.png) no-repeat right center;
    transition: none;
}
header .menu li ul li a span{
    display: block;
    position: absolute;
    width: 25px;
    top: 5px;
    left: 5px;
    height: 25px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;

}
header .menu li ul li:hover a{background-color: #f8a403;background-position: right center;color:#FFF;}
header .menu li ul li:hover a span{background-position: right center !important;}
header .menu li ul li ul{
    background: #FFF;
    position: absolute;
    width: 380px;
    height: auto;
    top: -1px;
    left: 100%;
    padding: 0 10px 11px;
    margin: 0 0 0 -0px;
    
    z-index: 1;

}
header .menu li ul li ul li:first-child{margin-top: 10px;}
header .menu li ul li:hover ul li a,
header .menu li ul li ul li a{padding: 0;height: 34px;border-bottom: 1px solid #c5c5c5;margin-left:5px;font-weight: 400;background: #FFF;color:#6e6e6e}
header .menu li ul li ul li a:before{
    content: " ";
    display: none;
    border-left: 1px solid #c5c5c5;
    position: absolute;
    left: -30px;
    height: 101%;
}
header .menu li ul li ul li:hover a{background: url(../images/material/menu_arr.png) no-repeat 103% -2px;color:#404040}
header .menu li ul li ul li:last-child a{border-bottom: none;}
header .mcart{display: none;}
/* middle
----------------------------------------------------------------------------------------------*/
.news_detail .image.youtube {float: none !important;width: 100%;margin-bottom: 30px}
.news_detail .image.youtube iframe{width: 100%;height: 500px;display: block}
section { position: relative; z-index: 1}
.banner{margin: 0 0 45px}
/* .banner ul li .images {height: 436px;} */
.banner .caption{
    position: absolute;
    background: rgba(255,255,255,0.6);
    width: 310px;
    height: 310px;
    padding: 15px;
    z-index: 1;
    top:40px;
    left: 0px;
}
.banner .caption h2{text-align: center;font-size: 45px;color:#1b1e49;font-weight: bold;letter-spacing: -3px}
.banner .caption h2 span{font-size:30px; font-weight: 400;letter-spacing: -2px}
.banner .caption .timer{position: relative;background: #f8a403;height: 85px;margin: 15px 0 0 0;padding: 15px}
.banner .caption .timer:after{
    display: block;
    content:"";
    position: absolute;
    border:3px solid #FFF;
    width:293px;
    height:98px;
    top: 6px;
    left: 5px;
}
.banner .caption .timer .box{
    position: relative;
    float: left;
    width: 90.6px;
    font-size: 60px;
    font-family: "Oswald";
    text-align: center;
    color:#FFF;
}
.banner .caption .timer .box:after{content:":";position: absolute;right: -10px;top:0px}
.banner .caption .timer .box:last-child:after{display: none}
.banner .caption .timer .box .val{letter-spacing: -2px;}
.banner .caption .timer .box .label{font-size: 18px;margin: 7px 0 0 0;}
.banner ul li{position: relative;overflow:hidden;}
.banner .caption p{
    font-size: 16px;
    color:#444343;
    line-height: 20px;
    margin:10px 5px 0;
}

.banner .pager {text-align:center;}

.banner .pager a.box{
    position: relative;
    display: block;
    float: none;
    width: 18%;
    padding: 17px 1%;
    text-align: center;
    background: #1b1e49;
    color: #FFF;
    font-size: 16px;
    line-height: 19px;
    border-right:1px solid #FFF;
    margin: 0 0 0 0;
	min-height:72px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	display:inline-block;
	
}
.banner .pager a.box{margin:0 -1px;}
.banner .pager a.box.active{
    background: #f8a403;
    border-color:#fff;
    color:#1b1e49;
}
.banner .pager a.box:after{
    content: " ";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 10px solid #f8a403;
    top:-10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    opacity: 0;

}
.banner .pager a.box.active:after{opacity: 1;}
.banner .bx-viewport li img{max-width: 100%}
.banner img{min-width: 100%;}

section h2{font-size:34px;color:#1b1e49;font-weight: 700;margin-bottom: 30px}

.feature_product{margin: 0 0 45px;}
.feature_product .list .box{position: relative;float: left;width: 458px;height: 213px;margin: 0 20px 20px 0;border:1px solid #CCC;}
.feature_product .list .box:nth-child(2n+0){margin-right: 0;}
.feature_product .list .box .ribbon{position: absolute;top:0;left: 0;z-index: 1}
.feature_product .list .box .image{float: left;width: 220px;height: 213px;position: relative;overflow: hidden;}
.feature_product .list .box .desc{float:left;width:210px;margin: 20px 0 0 10px;}
.feature_product .list .box .desc h5{
    font-weight: bold;
    font-size: 26px;
    height: 62px;
    overflow: hidden;
    line-height: 32px;
    word-break: break-all;
    color: #1b1e49;
    padding: 0 0 7px; 
    margin:  0 0 7px;
    border-bottom: 1px solid #CCC;
}
.feature_product .list .box .desc p{font-size: 15px;color: #7d7d7d;margin: 0;line-height: 19px; height: 57px; overflow: hidden; }
.feature_product .list .box .desc a{font-size: 18px;margin: 15px 0 0 0;}



.sale_promo{margin: 0 0 65px;}
.list_promo .box,
.sale_promo .list_sale .box{position: relative;width:218px;height: 195px;border:1px solid #CCC;float: left;margin: 0 20px 15px 0;cursor: pointer; overflow: hidden;}
.sale_promo .list_sale .box:nth-child(4n+0){margin-right: 0;}
.list_promo .box .image,
.sale_promo .list_sale .box .image{width: 218px;height:145px;}
.sale_promo .list_sale .box .ribbon{position: absolute;right: 3px;top: 5px;z-index: 2}
.list_promo .box h5,
.sale_promo .list_sale .box h5{font-size: 15px;padding: 10px 25px;color:#7d7d7d;text-align: center;}
.sale_promo .list_sale .box h5, 
.sale_promo .list_promo .box.anim h5 {background: #fff; z-index: 999; position: relative; min-height: 30px;}
.sale_promo .list_sale .box .std_btn,.sale_promo .list_promo .box.anim .std_btn {margin-top: 5px;}
.sale_promo .list_sale .box h5 span{text-decoration: line-through}
.sale_promo .list_promo .box.anim .desc,
.sale_promo .list_sale .box .desc{background: #FFF;z-index: 2;position: relative;}

.list_promo .box.big{width: 458px;height: 403px;}
.list_promo .box.big .image{width:458px;height:353px;}
.list_promo .box.big h5{font-size: 15px;font-weight: 700;margin-top: 5px;text-align: left}
.list_promo .left {width:460px }
.list_promo .left .box{margin: 0 20px 10.5px 0;}
.list_promo .left .box:nth-child(2n+0){margin-right: 0;}
.list_promo .left .box.text{background: #f8a403;color:#FFF;}
.list_promo .left .box.text h5{
    color:#FFF;
    font-size: 15px;
    font-weight: bold;
    line-height: 19px;
    text-align: left;
    margin:60px 15px 0;
    padding: 0;
}
.list_promo .left .box.text a{display: block;font-weight: bold;font-size: 15px;color:#FFF;position: absolute;bottom: 15px;left: 15px;}

.member_card {margin: 0 0 50px;}
.member_card .wrapper{border:1px solid #CCC;}
.member_card .wrapper h2{font-size: 30px;font-weight: bold;color:#3a3a3a;margin: 25px 0 10px 25px;width:435px} 
.member_card .wrapper p{font-size: 15px;line-height: 19px;color:#3a3a3a;margin: 0 0 15px 25px;width:435px}
.member_card .wrapper a.std_btn{width: 155px;font-size: 18px;margin: 0 0 15px 25px;}
.member_card .wrapper .img_right{position: absolute;right: 0;bottom: 0;}

.product_category{margin: 0 0 60px}
.product_category .box {float: left;width: 458px;height:265px;border:1px solid #CCC;position:relative;overflow:hidden;margin: 0 20px 20px 0; cursor: pointer;}
.product_category .box:nth-child(2n+0){margin-right: 0;}
.product_category .box .caption{
    position: absolute;
    background: rgba(27,30,73,0.85);
    width: 100%;
    height: 85px;
    bottom: 0;
    left: 0;
}
.product_category .box .caption h3{color:#FFF;font-weight: bold;font-size: 20px;text-align:center;margin: 20px 0 10px 0}
.product_category .box .caption span.border{display: block;width: 300px;height: 1px ;background: #FFF;margin: 0 auto 4px}
.product_category .box .caption p{position: relative;font-size: 12px;color:#FFF;text-align: center;margin: 0}

.buildnow{margin: 0 0 50px;}
.buildnow .left,
.buildnow .right{height: 165px;}
.buildnow .left{background: url(../images/content/buildnow_bg_1.jpg) no-repeat center;width: 480px;}
.buildnow .right{
    background: url(../images/content/buildnow_bg_2.jpg) no-repeat center;
    width: 385px;
    padding: 0 0 0 75px;
}

.buildnow .right h3{font-size: 30px;font-weight: bold;color:#3a3a3a;margin:40px 0 5px 0;}
.buildnow .right p{font-size: 20px;}
.buildnow .right a.std_btn{margin: 0 0 0; background: #1b1e49; }
.buildnow .right a.std_btn:hover {color: #f8a403;}

.list_promo.type_2 .box.big{height:308px; }
.list_promo.type_2 .box.big .image.vid{width: 443px; height: 249px;}
.list_promo.type_2 .box.big h5{ height: 32px; line-height: 30px; overflow: hidden;font-size: 23px;color:#1b1e49;font-weight: bold;margin: 15px 0 0 7px;}

.list_promo.type_2 .box .image.vid{position: relative; margin: 7px auto;}
.news_detail .image.vid:after,
.list_promo.type_2 .box .image.vid:after{
    content: " ";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
    background: rgba(0,0,0,0.65);
    z-index: 1;
}
.news_detail .image.vid:before,
.list_promo.type_2 .box .image.vid:before{
    content: " ";
    width: 45px;
    height: 45px;
    position: absolute;
    margin: auto;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background: url(../images/material/play_ico.png) no-repeat center;
}
.news_detail .image.vid:before,
.list_promo.type_2 .box.big .image.vid:before{ background: url(../images/material/play_large_ico.png) no-repeat center;}
.list_promo.type_2 .box {height: 147px;}
.list_promo.type_2 .box .image{width: 203px;height: 121px;}
.list_promo.type_2 .box h5{ height: 13px; overflow: hidden; font-size: 11px;color:#1b1e49;margin:-3px 0  0;padding: 0;text-align: left;margin-left: 7px;}
.tipstrick{margin: 0 0 90px 0;}

.buildstart{background: #f8a403;}
.buildstart .left{position: absolute;width: 450px;height: 100%;left: 0;bottom: 0}
.buildstart .right{width: 460px;margin: 90px 0 }
.buildstart .img_left{
    position: absolute;
    bottom: 0;
    left: 0;
}
.buildstart h2{font-size: 40px;margin: 0 0 20px;}
.buildstart p{color:#FFF;font-size: 16px;line-height: 25px;}
.buildstart a.std_btn{width: 193px;height: 42px;font-size:22px;line-height: 40px;margin:0;}
.buildstart a.std_btn:hover{background:#1b1e49;color:#f8a403 }

.std_content{padding: 35px 0 0 0;}
.std_content .banner{margin-top: -35px;}
.std_content .side_nav{width: 220px;float: left;}
.std_content .side_nav h2{margin: 0 0 15px 0 ;}
.std_content .side_nav .nav{background: #f2f2f2}
.std_content .side_nav .nav li a{display: block;font-size: 14px;color:#404040;line-height: 35px;padding: 0 10px;height: 35px} 
.std_content .side_nav .nav li ul{display: none;}
.std_content .side_nav .nav li:hover a,
.std_content .side_nav .nav li.active a{background: #f8a403;color:#FFF;}
.std_content .side_nav .nav li.active a{font-weight: bold;}
.std_content .side_nav .nav li.active ul{display: block;}

.std_content .side_nav .nav li ul{margin: 10px}
.std_content .side_nav .nav li.active ul a,
.std_content .side_nav .nav li ul a{
    background: url(../images/material/dot_side_menu.png) no-repeat left 8px;
    font-size: 14px;
    line-height:20px;
    height:auto;
    color:#979797;
    font-weight:400;
    padding: 0 0 0 10px;
    margin: 0 0 5px;
}
.std_content .side_nav .nav li ul a.active,
.std_content .side_nav .nav li ul a:hover{color:#1b1e49;}

.std_content .content{float: right;width: 700px;}
.breadcrumb {margin: 15px 0 17px ;}
.breadcrumb a,
.breadcrumb span{color:#9f9f9f;font-size: 15px;font-style: italic;}
.breadcrumb span{padding: 0 5px}

.std_content .content .breadcrumb {margin: 15px 0 17px ;}
.std_content .breadcrumb {margin: -15px 0 60px ;} 
.std_content .breadcrumb a,
.std_content .breadcrumb span,
.std_content .content .breadcrumb a,
.std_content .content .breadcrumb span{color:#9f9f9f;font-size: 15px;font-style: italic;}
.std_content .content .breadcrumb span,
.std_content .breadcrumb span {padding: 0 5px}

.std_content .content .bar_filter{background: #f2f2f2;padding: 10px;margin: 25px 0 0 0;}
.std_content .content .bar_filter label{font-size: 17px;color:#555555;padding: 0 10px 0 0 }
.std_content .content .bar_filter select{padding: 0;height: 30px;}
.std_content .content .bar_filter .left select{width:173px;}
.std_content .content .bar_filter .right select{width:55px;}

.paging{padding: 27px 10px;} 
.paging .total{font-size: 19px;color:#4e4e4e;font-weight: bold;}
.paging .nav{width: 230px;margin: 0 auto;text-align: center;}
.paging .view_type a,
.paging .nav a{
    display:inline-block;
    width: 23px;
    height: 23px;
    border:1px solid #ccc;
    line-height: 23px;
    color:#7d7d7d;
    font-size: 15px;
}
.paging .nav a:hover{border-color:#1b1e49;color:#1b1e49;}
.paging .nav a.active{border-color:#1b1e49;background: #1b1e49;color:#FFF;}
.paging .view_type{margin: -25px 0 0 0}
.paging .view_type a{text-indent: -9999px;}
.paging .view_type a.grid{background: url(../images/material/grid_ico.png) left 0;}
.paging .view_type a.list{background: url(../images/material/list_ico.png) left 0;}
.paging .view_type a.active,
.paging .view_type a:hover{background-color:#1b1e49;background-position: right 0;border-color:#1b1e49}

.std_content .content .list_product .box{width: 218px;height: 415px;border:1px solid #CCC;position: relative;float: left;margin: 0 20px 20px 0 }
.std_content .content .list_product .box:nth-child(3n+0){margin-right: 0;}
.std_content .content .list_product .box .ribbon {position: absolute;top: 0;left: 0;z-index: 1;}
.std_content .content .list_product .box .image{width: 218px;height: 188px;position: relative;overflow: hidden;}
.std_content .content .list_product .box .text{margin: 15px 20px 10px;border-bottom: 1px solid #CCC;height: 120px;text-align: center;}
.std_content .content .list_product .box .text p {height: 57px; overflow: hidden;}
.std_content .content .list_product .box h5{ height: 42px; overflow: hidden; font-size: 17px;font-weight: bold;line-height: 21px;margin: 0 0 10px;color:#1b1e49;}
.std_content .content .list_product .box p{color:#7d7d7d;line-height: 19px;margin-bottom: 15px;}
.std_content .content .list_product .box .price_btn{text-align: center;} 
.std_content .content .list_product .box .price_btn p{color:#1b1e49;margin:0 0 5px}
.std_content .content .list_product .box .price_btn a{font-size: 18px;}

.std_content .content .list_product.list_type .box:after{content:" ";display: block;clear: both;}
.std_content .content .list_product.list_type .box{width: 698px;height: 188px;}
.std_content .content .list_product.list_type .box .image,
.std_content .content .list_product.list_type .box .text,
.std_content .content .list_product.list_type .box .price_btn{float: left;margin: 0 10px 0 0;}
.std_content .content .list_product.list_type .box .image{width:208px;height: 178px;margin: 5px; }
.std_content .content .list_product.list_type .box .text{width: 300px;text-align: left;margin:15px 10px 0 5px;border:none;}
.std_content .content .list_product.list_type .box .price_btn{margin-top: 65px}

.brand{margin: 50px 0 50px}
.brand .bx-pager-item{display: none;}
.brand .bx-wrapper .bx-controls-direction a{    margin-top: -5px;display: block;background: url(../images/material/arr_carousel.png) no-repeat ;width: 7px;height: 12px;}
.brand .bx-wrapper .bx-controls-direction a.bx-next{background-position: center right;right: -10px;}
.brand .bx-wrapper .bx-controls-direction a.bx-prev{background-position: center left;left: -10px;}

.product_det{padding: 15px;border:1px solid #CCC; margin: 0 0 40px;}
.product_det h2{font-size: 22px;padding: 0 0 10px;margin: 0 0 15px;border-bottom: 1px solid #CCC;}
.product_det .images .large{float: left;position: relative;width: 524px;height: 327px;overflow: hidden;}
.product_det .images .thumb{float: right;width: 130px;}
.product_det .images .thumb a{display: block;margin: 0 0 7px;}
.product_det .desc{padding:20px 0 30px; margin:  20px 0 ;border-top:1px solid #CCC; border-bottom:1px solid #CCC;}
.product_det .desc .left{width: 335px;}
.product_det .desc .left p,
.product_det .desc .left li{margin: 0;color:#7d7d7d;line-height: 21px;}
.product_det .desc .left p{margin: 0 0 5px;font-size: 13px;}
.product_det .desc .left li{padding: 0 0 0 10px;font-size: 14px;background: url(../images/material/dot_side_menu.png) no-repeat left 8px;margin:0 0 0 10px;}

.product_det .desc .right{width: 270px;text-align: center;}
.product_det .desc .right h4{font-size: 23px;font-weight: 700;color:#7d7d7d;margin: 10px 0 0 0;}
.product_det .desc .right h6{font-size: 10px;color:#424242;margin: 3px 0 20px 0}
.product_det .desc .right select{width:60px;padding: 0}
.product_det .desc .right label{font-size: 17px;font-weight: bold;color:#7d7d7d;padding-right: 10px;}
.product_det .desc .right .std_btn{padding: 0;font-size: 18px;margin: 20px auto 0}

.std_content h4,
.product_det h5{font-size: 15px;color:#1b1e49;font-weight:700;margin: 0 0 20px}
.product_det table{font-size: 15px;color:#494949;width: 100%;}
.product_det table th,
.product_det table td{padding:0 20px;line-height: 23px;text-align: left;}
.product_det table tr:nth-child(odd) th,
.product_det table tr:nth-child(odd) td{background:#ebebeb }
.product_det table th{font-weight: bold;width: 360px;}

.std_content h4{color:#494949;}
.std_content .list_product.other_product {margin: 0 0 30px} 
.std_content .list_product.other_product .box {height: 250px;}
.std_content .list_product.other_product .box .text,
.std_content .list_product.news_article .box .text{border:none;margin: 10px 15px;height: auto;text-align: left}
.std_content .list_product.news_article .box .text i{color:#f8a403;}
.std_content .list_product.news_article .box{height:285px; }

.cart_added{background: #f3f3f3;border:1px solid #f3b4bc;padding: 15px 20px;margin:40px 0;}
.cart_added .image{width:130px;height: 130px;;}
.cart_added .desc{width: 720px;}
.cart_added .desc .title{width:540px;margin: 0 0 55px 0; }
.cart_added .desc h5{font-size: 20px;color:#616161;margin: 0 0 3px;}
.cart_added .desc small{font-size: 13px;color:#7d7d7d;}
.cart_added .desc h4{font-size: 23px;color:#7d7d7d;margin: 10px 0 0 ;}
.cart_added .desc .std_btn{font-size: 18px;width:130px;margin: 0}
.cart_added .desc .std_btn.checkout{background: #f8a403;color:#FFF;margin:0 0 0 25px}
.cart_added .desc .info{
    font-size: 20px;color:#7d7d7d;font-weight: bold;
    background: url(../images/material/sukses_ico.png) no-repeat left center;
    height:29px;
    padding: 0 0 0 37px;
    line-height: 29px;

}

.banner .caption.sale{width: 300px;height: 433px;top:0;padding: 0 20px}
.banner .caption.sale h2{font-size: 60px;margin: 100px 0 0px ;text-align: left}
.banner .caption.sale h3{font-size: 40px;color:#656565;margin: 0 0 30px 0}
.banner .caption.sale p{color:#656565;font-size: 16px;margin: 0 0 30px;}

.list_news .box{
    float: left;
    width: 218px;
    height: 413px;
    border:1px solid #CCC;
    margin: 0 20px 15px 0;
}
.list_news .box .image{width: 218px;height: 188px;}
.list_news .box .desc{padding:15px;}
.list_news .box .desc h5{font-size: 17px;font-weight: bold; color:#1b1e49;line-height: 21px;height:45px; overflow: hidden; }
.list_news .box .desc i{color:#f8a403;display: block;padding: 5px 0 10px;border-bottom:1px solid #CCC;margin: 0 0 7px;}
.list_news .box .desc p{line-height:19px; height: 115px; overflow: hidden;}
.list_news .box.big{width: 458px;}
.list_news .box.big .image{width: 458px;}
.list_news .box:nth-child(3){margin-right: 0;}
.list_news .box:nth-child(7){margin-right: 0;}
.list_news .box:nth-child(11){margin-right: 0;}
.list_news .box:nth-child(15){margin-right: 0;}

.news_detail {padding: 18px;border:1px solid #CCC;margin-bottom: 80px}
.news_detail .image{float: left;margin: 5px 20px 0 0}
.news_detail .image.vid{float:none;margin-bottom: 30px}
.news_detail p,
.news_detail li{line-height: 20px;font-size: 13px;margin: 0}
.news_detail li{
    background: url(../images/material/dot_side_menu.png) no-repeat left 8px;
    padding: 0 0 0 15px;
}
.news_detail .image.thumb{float: none;margin: 40px 0 0 0;}
.news_detail .image.thumb img{display: block;float: left;margin: 0 28px 0 0;}
.news_detail .image.thumb img:last-child{margin-right: 0}
.news_detail .share_bottom{
    border-top: 1px solid #CCC;
    padding: 20px 0 0 0;
    margin: 30px 0 0 0;
    font-size: 13px;
    font-weight: bold;
}
.news_detail .share_bottom a{font-style: italic;color:#1b1e49}
.news_detail .share_bottom .left span,
.news_detail .share_bottom .left a{display: block;float: left;margin: 0 5px 0 0}
.news_detail .share_bottom .left span{margin: 3px 10px 0 0}

.tipstrick h2{margin: 0 0 20px}
.tipstrick p.intro{font-size: 16px;line-height: 22px;margin:0 0 30px;padding:0 0 30px;border-bottom:1px solid #CCC;}
.tipstrick h3{font-size: 25px;color:#1b1e49;font-weight: bold;margin: 0 0 20px;}

.list_promo.type_3 .box{height: 145px}
.list_promo.type_3 .box p{margin:10px;}
.list_promo.type_3 .box h5{
    font-size: 18px;
    font-weight: bold;
    overflow: hidden;
    height: 30px;
    color:#1b1e49;
    margin:10px 10px 5px;
    padding: 0 0px 8px;
    text-align: left;
    border-bottom: 1px solid #ccc;
}
.list_promo.type_3 .box p{font-size: 11px;line-height: 14px;color:#707070; height: 71px; overflow: hidden; }
.list_promo.type_3 .box.big{height: 303px;}
.list_promo.type_3 .box.big h5{font-size: 23px; line-height: 28px; overflow: hidden; height: 24px; }
.list_promo.type_3 .box.big p{font-size: 14px;line-height: 19px; overflow: hidden; height: 190px; }


.std_content.career  p {font-size: 16px; color: #7d7d7d;}
.std_content .accord_career {margin-top: 40px;}
.std_content .accord_career .head_acc {position: relative; padding: 15px 0; border-bottom: 1px solid #b7b7b7;}
.std_content .accord_career .head_acc span {font-weight: 700; font-size: 17px; text-align: center; width: 160px;}
.std_content .accord_career span {font-size: 15px; float: left; margin-right: 100px; position: relative;}
.std_content .accord_career .std_btn {/*float: left; display: inline-block; margin-top: -17px;*/ 
    position: absolute;
    right: 15px;
    margin: auto;
    top: 0;
    bottom: 0;
    font-size: 18px;
}
.list_Career.faq_list .acc_career:first-child { border-top: 1px solid #b7b7b7;}
.list_Career .acc_career { border-bottom: 1px solid #b7b7b7;}
.list_Career .acc_career .title_acc {position: relative; padding: 30px;}
.list_Career.faq_list .acc_career .title_acc {padding: 0;}
.list_Career .acc_career .title_acc span.poss {font-weight: 700; margin-right: 60px; width: 200px; cursor: pointer;}
.list_Career.faq_list .acc_career .title_acc span.poss {display: block; width: 100%; margin: 0; padding:30px; }
.list_Career .acc_career .title_acc span.loca {width: 100px; text-align: center; margin-right: 130px;}
.list_Career .acc_career .title_acc span.valid {width: 160px; text-align: center;}
.list_Career .acc_career .title_acc span.poss label {
    background: url('../images/material/arrow_acc.png') no-repeat left center;
    height: 12px;
    width: 12px;
    position: relative;
    display: inline-block;
    margin-left: 10px;
}
.list_Career.faq_list .acc_career .title_acc span.poss label {background: url('../images/material/arrow_site_map.png') no-repeat; width: 8px; height: 10px;}
.list_Career.faq_list .acc_career .title_acc.open span.poss label {background: url('../images/material/arrow_site_map_top.png') no-repeat; width: 10px; height: 8px;}
.list_Career .acc_career .title_acc.open span.poss label {background-position: right center;}
.list_Career .acc_career:nth-child(2n) .title_acc {background: #ebebeb;}
.list_Career .acc_career .dec_acc {padding: 10px 30px 35px; }
.list_Career .acc_career .dec_acc p {font-size: 15px; color: #7d7d7d;}
.list_Career .acc_career .dec_acc ul {list-style: disc; padding-left: 30px;}
.list_Career .acc_career .dec_acc ul li {font-size: 15px; margin: 0 0 5px; line-height: 20px; color: #7d7d7d;}

.std_content form.apply {width: 640px; margin-bottom: 100px;}
.std_content form.apply .row {margin-bottom: 15px;}
.std_content form.apply .row:last-child {margin-top: 60px;}
.std_content form.apply .row .column input[type="text"]{width: 615px; padding: 10px 12px; font-size: 14px; font-style: italic;}
.std_content form.apply .row .column .cover_combo {width: 639px !important; padding: 5px 0;}
.std_content form.apply .row .column .cover_combo select {width: 640px; padding: 10px 12px;}
.std_content form.apply .row .column .inner_combo {padding: 0 12px; margin:0; background-position: 98% center; font-weight: 700; font-size: 14px; color: #646464;}
.input_file {
    border: 1px solid #d8d8d8;
    padding: 13px 0;
    position: relative;
    cursor: pointer;
    background: url('../images/material/icon_file.png') no-repeat 97% center;
}
.input_file:after {
    content: 'Browse';
    display: inline-block;
    position: absolute;
    right: 6px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 15px;
    width: 96px;
    padding: 5px 0;
    text-align: center;
    text-transform: uppercase;
    background: #a1a1a1;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 700;
    font-style: italic;
    color: #fff;
}
.input_file input {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    min-width: 100%;
    padding: 9px 0;
    cursor: pointer;
}
.input_file span {padding: 9px 12px; font-size: 14px; color: #666; font-style: italic;}
.std_btn.back {background: #a1a1a1; color: #fff;}
.std_btn.back:hover {background: #b5b5b5;}

.std_content .note {padding: 15px 25px; background: #f3f3f3; border: 1px solid #f2acb4; margin: 0 0 30px;}
.std_content .note p {font-size: 20px; font-weight: 700; margin: 0; line-height: 29px; padding-left: 45px;}
.std_content .note.success p {background: url('../images/material/success_icon.png') no-repeat left center;}

.std_content.locator {padding-bottom: 40px;}
.std_content .list_locator ul li {width: 290px; float: left; margin: 0 35px 80px 0; }
.std_content .list_locator ul li:nth-child(3n) {margin-right: 0;}
.std_content .list_locator ul li h4 {font-size: 20px; color: #565656; margin: 0 0 12px;}
.std_content .list_locator ul li p {font-size: 14px; color: #565656; margin: 0 0 10px; line-height: 16px; padding-left: 35px; }
.std_content .list_locator ul li p.location {padding-top: 10px; background: url('../images/material/findus_ico_1.png') no-repeat left top;}
.std_content .list_locator ul li p.phone {background: url('../images/material/findus_ico_2.png') no-repeat left center; line-height: 19px;}

.std_content.point {
    background: url('../images/content/bg_point_page.jpg') no-repeat center top;
    width: 100%;
    height: 100%;
    padding-bottom: 200px;
}
.std_content form.reward {width: 520px;}
.std_content form.reward p {font-size: 16px; color: #707070; line-height: 22px; margin-bottom: 60px;}

.std_content form.reward .row,
.std_content form.cont_form .row {margin: 0 0 15px;}

.std_content form.reward .row input[type="text"] {width: 498px; border: 1px solid #ababab; font-style: italic; color: #646464; font-size: 14px; padding: 9px 10px;}

.std_content form.reward .row input[type="submit"],
.std_content form.cont_form .column input[type="submit"] {padding: 0; cursor: pointer;}

.std_content form.reward .row .column div,
.std_content form.reward .row .column label {display: inline-block;  font-size: 14px;}
.std_content form.reward .row .column label {padding-left: 10px; font-style: italic; color: #646464; margin-right: 20px;}
.std_content form.reward .row .column div {margin-right: 15px;}
.std_content form.reward .row .column div.year {margin-right: 0;}

.std_content form.reward .row .column .cover_combo,
.std_content form.cont_form .row .column.multi .cover_combo { border: 1px solid #ababab; padding: 4px 0;}

.std_content form.reward .row .column .day  select,
.std_content form.reward .row .column .year  select {width: 98px; font-size: 14px; padding:0;height: 30px}

.std_content form.reward .row .column .month .cover_combo {width: 158px ;}
.std_content form.reward .row .column .month .cover_combo select {width: 158px;font-size: 14px; padding:0;height: 30px}
.std_content form.reward .row .column .inner_combo,
.std_content form.cont_form .row .column.multi .inner_combo {font-style: italic; font-size: 14px; color: #646464;}


.std_content.contact {padding-top: 0;}
.std_content.contact .wrapper {background: url('../images/content/bg_contact.jpg') no-repeat right top; padding: 35px 0 95px;}
.std_content form.cont_form {width: 640px;}
.std_content form.cont_form h5 {font-weight: 700; font-size: 16px; color: #7d7d7d; margin: 0 0 5px;}
.std_content form.cont_form p {font-size: 16px; margin: 0 0 25px; color: #7d7d7d;}
.std_content form.cont_form .column div {display: inline-block; margin-right: 15px; vertical-align: top;}
.std_content form.cont_form .column.multi input[type="text"] {width: 514px;}
.std_content form.cont_form .column input[type="text"],
.std_content form.cont_form .column textarea {width: 618px; font-size: 14px; padding: 9px 10px; border: 1px solid #ababab; font-style: italic;}
.std_content form.cont_form .column textarea {height: 230px;}
.std_content form.cont_form .row .column.multi .cover_combo {width: 83px !important;}
.std_content form.cont_form .row .column.multi .cover_combo select {width: 83px; padding: 9px 10px;}

.std_content .site h3 {font-size: 23px; color: #555; background: #ebebeb; font-weight: 700; padding: 8px; border-bottom: 1px solid #d4d4d4; margin: 0 0 15px; text-transform: uppercase;}
.std_content .site ul {padding-left: 8px;}
.std_content .site ul li,
.std_content .site.tips ol {float: left; width: 213px; margin-right: 26px;}
.std_content .site ul li:nth-child(4n),
.std_content .site.tips ol:nth-child(4n) {margin-right: 0;}
.std_content .site h4 {font-size: 20px; font-weight: 700; color: #555; margin: 0 0 15px; }
.std_content .site h4 span {display: inline-block; background: url('../images/material/arrow_site_map.png') no-repeat center center; width: 8px; height: 10px; margin-left: 5px; text-transform: uppercase;}
.std_content .site ol {margin-bottom: 55px; display: inline-block;}
.std_content .site ol li {border-bottom: 1px dotted #555;}
.std_content .site ol li:last-child {border: none;}
.std_content .site ol li a {font-size: 13px; color: #555; padding: 5px 0; display: block; line-height: 16px;}

.std_content .item_note {padding: 15px; background: #f3f3f3; border: 1px solid #f2acb4;margin: 0 0 40px;}
.std_content .item_note h4 {font-size: 20px; padding-left: 40px; background: url('../images/material/success_icon.png') no-repeat left center; line-height: 29px;}
.std_content .item_note p {font-size: 16px; color: #616161; margin: 5px 0; line-height: 25px;}
.std_content .item_note .right a.std_btn {font-size: 18px; display: inline-block; margin-top: 0; color: #fff;}
.std_content .item_note .right a.std_btn.check_bt {background: #f8a403; margin-left: 20px;}
/*.std_content .item_note .right a.std_btn.check_bt:hover {background: #1b1e49;}*/

.std_content table.tbl_bask {width: 100%;}
.std_content table.tbl_bask thead th {font-size: 17px; font-weight: 700; text-align: center; padding: 12px; border-bottom: 1px solid #b7b7b7;}
.std_content table.tbl_bask thead th:first-child {text-align: right;}
.std_content table.tbl_bask thead th:first-child span {display: inline-block; margin-right: 80px;}
.std_content table.tbl_bask thead th:nth-child(2) {width: 100px;}
.std_content table.tbl_bask thead th:nth-child(3) {width: 160px;}
.std_content table.tbl_bask thead th:last-child {width: 220px;}

.std_content table.tbl_bask tbody td {text-align: center; vertical-align: middle; padding: 20px 10px; border-bottom: 1px solid #b7b7b7;}
.std_content table.tbl_bask tbody td:first-child {text-align: left; padding-left: 10px;}
.std_content table.tbl_bask tbody td .items_bask {position: relative;}
.std_content table.tbl_bask tbody td .items_bask .img {width: 134px; float: left;}
.std_content table.tbl_bask tbody td .items_bask .dec_bask {float: right; width: 165px; margin: 42px 0 0;}
.std_content table.tbl_bask tbody td .items_bask .dec_bask p {font-size: 15px; color: #535353; margin: 0; line-height: 20px; font-weight: 700;}
.std_content table.tbl_bask tbody td .qty_bask .cover_combo {width: 58px !important;}
.std_content table.tbl_bask tbody td .qty_bask .cover_combo select {width: 60px; padding: 5px 0; font-size: 15px;}
.std_content table.tbl_bask tbody td .qty_bask .inner_combo {font-size: 15px; color: #797979; padding-left: 12px;}
.std_content table.tbl_bask tbody td .qty_bask a {display: block; margin-top: 5px;text-decoration: underline; font-size: 12px; color: #797979;}

.std_content table.tbl_bask tbody td h3,
.std_content table.tbl_bask tbody tr:last-child td:last-child h3 {font-size: 23px; color: #424242; font-weight: 700; }
.std_content table.tbl_bask tbody td .price_bask span {font-size: 10px; color: #424242; margin-top: 3px; display: block;}
.std_content table.tbl_bask tbody tr:last-child td {background: #ebebeb; border: none;}
.std_content table.tbl_bask tbody tr:last-child td h3 {color: #717171;}

.std_content .form_bask {background: #ebebeb; border: 1px solid #f2acb4; padding: 25px 22px 25px 20px; margin: 40px 0 0; }
.std_content .form_bask p {font-size: 15px; color: #616161; margin: 0 0 30px;}
.std_content .form_bask form .row {margin-bottom: 15px;}
.std_content .form_bask form .row:last-child {margin-bottom: 0;}
.std_content .form_bask form .column {float: left; width: 490px;}
.std_content .form_bask form .row .column.multi input[type="text"]{ width: 368px; display: inline-block; vertical-align: top;}
.std_content .form_bask form .column input[type="text"],
.std_content .form_bask form .column textarea {border: 1px solid #ababab; font-style: italic; padding: 9px 10px; font-size: 14px; color: #646464; width: 468px;}
.std_content .form_bask form .column span.ket {font-size: 12px; color: #616161; display: inline-block; margin-top: 10px;}
.std_content .form_bask form .column.right {float: right; width: 390px;}
.std_content .form_bask form .column.full {width: 100%;}
.std_content .form_bask form .column.full textarea {width: 874px;}
.std_content .form_bask form .row .column.multi .cover_combo {width: 83px !important; border: 1px solid #ababab; margin-right: 10px; display: inline-block; vertical-align: top; padding: 5px 0 4px;}
.std_content .form_bask form .row .column.multi .cover_combo select { font-size: 14px; padding: 8px 0; width: 84px;}
.std_content .form_bask form .row .column.multi .inner_combo { font-size: 14px; color: #646464; font-style: italic;}

.std_content .form_bask form .column.right input[type="text"] {width: 368px;}
.std_content .form_bask form .column.right label {display: inline-block; font-size: 14px; color: #646464; font-style: italic; vertical-align: middle; margin-right: 35px;}
.std_content .form_bask form .column.right div {display: inline-block;}
.std_content .form_bask form .column.right .cover_combo {border: 1px solid #ababab; padding: 5px 0 4px; margin-right: 12px;}
.std_content .form_bask form .column.right .cover_combo select {font-size: 14px;padding: 0;height:40px }
.std_content .form_bask form .column.right .inner_combo {font-size: 14px; font-style: italic; color: #646464;}
.std_content .form_bask form .column.right .day .cover_combo select {width: 71px;}
.std_content .form_bask form .column.right .month .cover_combo select  {width: 115px;}
.std_content .form_bask form .column.right .year .cover_combo select {width: 86px;}

.btn_bask {padding: 0 22px 0 20px; margin-top: 25px;}
.btn_bask a.std_btn {font-size: 18px; color: #fff; background: #a1a1a1;}
.btn_bask a.std_btn.right {background: #f8a403;}
.btn_bask a.std_btn:hover {background: #1b1e49;}


.member_card2{padding: 0}
.member_card2 h2{text-transform: uppercase;}
.member_card2 h2,
.member_card2 p{max-width: 520px;font-size: 18px;line-height: 30px;}
.member_card2 .image img{display: block}
.member_card2 .inner_content,
.about .inner_content{position: relative}
.about .inner_content .bg,
.member_card2 .bg{position: absolute;top:0;left: 0;width:100%;}

.member_card2 .sec_1,
.member_card2 .sec_1 .bg{height:780px;}
.member_card2 .sec_1 .bg{background: url(../images/content/bg_member_1.jpg) no-repeat center;}
.member_card2 .sec_1 .image{padding:145px 0 0 0;}
.member_card2 .sec_1 h2{font-size: 34px;margin: 0 0 20px;}

.member_card2 .sec_2,
.member_card2 .sec_2 .bg{height: 1009px;}
.member_card2 .sec_2 .bg{background: url(../images/content/bg_member_2.jpg) no-repeat center;}
.member_card2 .sec_2 h2{font-size:50px;line-height: 50px;padding: 220px 0 0 }
.member_card2 .sec_2 p{color: #1b1e49}

.member_card2 .sec_3,
.member_card2 .sec_3 .bg{height: 825px;}
.member_card2 .sec_3 .bg{background:url(../images/content/bg_member_3.jpg) no-repeat center;}
.member_card2 .sec_3 .bg .wrapper{max-width:1280px;width: auto}
.member_card2 .sec_3 h2{font-size: 50px;line-height: 50px;color:#f8a403;padding: 140px 0 0 0;max-width: 570px}
.member_card2 .sec_3 p{color:#FFF;margin-bottom: 50px;max-width: 570px}
.member_card2 .sec_3 a.std_btn,
.member_card2 .sec_4 a.std_btn{background:#f8a403;color:#1b1e49;font-size: 28px;width:245px;height:50px;line-height: 46px;margin:0;display: block;  }

.member_card2 .sec_4,
.member_card2 .sec_4 .bg{height: 953px;text-align: center;}
.member_card2 .sec_4 .bg{background:url(../images/content/bg_member_4.jpg) no-repeat center;text-align: center}
.member_card2 .sec_4 h2,
.member_card2 .sec_4 p{text-align: center;color:#FFF;max-width: none}
.member_card2 .sec_5 h2,
.member_card2 .sec_4 h2{font-size: 50px;padding: 130px 0 40px;line-height: 50px }
.member_card2 .sec_4 a.std_btn{margin: 70px auto 0}


.member_card2 .sec_5{height: 1176px;position: relative;z-index: 2;}
.member_card2 .sec_5{background:url(../images/content/bg_member_5.jpg) no-repeat center;text-align: center}
.member_card2 .sec_5 h2,
.member_card2 .sec_5 p{text-align: center;max-width: none;}
.member_card2 .sec_5 h2{margin: 0 0 0;}
.member_card2 .sec_5 .link{text-align: center;margin:100px 0 210px}
.member_card2 .sec_5 .link a{
    display: inline-block;
    width: 170px;
    height: 160px;
    margin:0 15px 40px ;
    font-size: 20px;
    font-weight: 600;
    color:#7d7d7d;
    line-height: 22px;
}
.member_card2 .sec_5 .link a span{
    width: 100px;
    height: 100px;
    display: block;
    margin: 0 auto 10px;
    background-position: left center !important;
}
.member_card2 .sec_5 .link a:hover{color:#f8a403;}
.member_card2 .sec_5 .link a:hover span{background-position: right center !important;}

.member_card2 .inner_content.active .bg{position:fixed;top:0;left: 0;width: 100%;z-index: 0;}

.about {padding: 0}
.about .sec_1,
.about .sec_1 .bg{height:768px;}
.about .sec_1 .bg{background: url(../images/content/bg_about_1.jpg)no-repeat center;}
.about .sec_1 .bg img{margin-top: 60px}
.about .sec_1 h2{font-size: 71px;color:#f8a403;line-height: 60px;padding: 290px 0 0 40px;}

.about .sec_2,
.about .sec_2 .bg{height: 1534px;padding: 1px 0;}
.about .sec_2 .bg{background: url(../images/content/bg_about_2.jpg)no-repeat center;}
.about .sec_2 h2.ico{
    font-size: 50px;
    line-height: 45px;
    padding:80px 0 0 0;
    margin:170px 0 10px 0;
    background: url(../images/material/about_sec2.png) no-repeat top right;
}
.history { margin-top: 20px; }
.about .sec_2 .year{width:280px;text-align:right; font-size: 45px;margin: 0;padding: 0; font-weight: bolder; float: left; }
.about .sec_2 p{ margin: 1px 0 0px 320px; padding-bottom: 15px; position: relative; }
.about .sec_2 p:before { content: ""; position: absolute; left: -28px; top: 7px; bottom: -1px; width: 15px; background: url('../images/material/spar_small.png'); }
.about .sec_2 p:after { content: ""; position: absolute; left: -28px; top: 7px; width: 15px; height: 16px; background: url('../images/material/spar_circ.png'); }

.about .sec_2 .year,
.about .sec_2 p{color:#FFF;}
.about .sec_2 h2{width:280px;text-align:right;}
.about .sec_2 h2,
.about .sec_2 p{color:#FFF;}

.about .sec_2 a.std_btn{
    width: 410px;
    height: 50px;
    line-height: 50px;
    font-weight: 400;
    color:#FFF;
    background: none;
    border:2px solid #FFF;
    margin: 60px auto 0 ;
}
.about .sec_2 a.std_btn:hover{background:#f8a403;border-color:#f8a403}

.about .sec_3 ,
.about .sec_3 .bg{height: 915px;padding:1px 0;}
.about .sec_3 .bg{background: #f8a403 url(../images/content/bg_about_3.jpg) no-repeat bottom center;}
.about .sec_3 h2,
.about .sec_3 p{color:#FFF;max-width: none;text-align: center;}
.about .sec_3 p{font-size: 20px;line-height: 35px}
.about .sec_3 a.std_btn{background: #1b1e49;color:#FFF;margin: 0 auto;}


.about .sec_4 ,
.about .sec_4 .bg{height: 1163px;padding:1px 0;}
.about .sec_4 .bg{background: #FFF url(../images/content/bg_about_4.png) no-repeat bottom center;}
.about .sec_4 .circle{
    width: 672px;
    height: 672px;
    background: url(../images/content/about_circle_prod.png) no-repeat center;
    position: relative;
    margin:140px auto;
}
.about .sec_4 .circle h2{
    position: absolute;
    font-size: 50px;
    text-align: center;
    width: 100%;
    padding: 0;
    height: 95px;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    color:#1b1e49;
    opacity:0;
}
.about .sec_4 .circle .box{
    position: absolute;
    background: #1b1e49;
    padding: 9px;
    width: 137px;
    height: 137px;
    margin:auto;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    opacity:0;

}
.about .sec_4 .circle .box a{
    background: #FFF;
    display: block;
    width: 131px;
    height: 131px;
    border:3px solid #e7e7e7;
    font-size: 20px;
    color:#1b1e49;
    line-height: 30px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;

}
.about .sec_4 .circle .box a span{display: block;width: 85px;height: 65px;background-position: left center !important;margin: 15px auto 5px}
.about .sec_4 .circle .box h5{line-height: 16px;}
.about .sec_4 .circle .box:hover a{background:#1b1e49;border-color:#FFF;}
.about .sec_4 .circle .box:hover span{background-position:right center !important;}
.about .sec_4 .circle .box:hover h5{color:#FFF;}
.about .sec_4 .circle .box:nth-child(2){left: 78px;top:-20px;margin: 40px 0 0 40px;}
.about .sec_4 .circle .box:nth-child(3){right: 78px;top:-20px;margin: 40px 40px 0 0;}
.about .sec_4 .circle .box:nth-child(4){right: -73px;top:255px;margin: auto 40px auto 0;}
.about .sec_4 .circle .box:nth-child(5){right: 73px;bottom:-20px;margin: 0 40px 40px 0;}
.about .sec_4 .circle .box:nth-child(6){left: 73px;bottom:-20px;margin: 0 0 40px 40px;}
.about .sec_4 .circle .box:nth-child(7){left: -73px;top:255px;margin: auto 0 auto 40px;}
.about .sec_4 a.std_btn{background:#1b1e49;color:#FFF;}
.about .sec_4 a.std_btn:hover{background:#f8a403 }

.about .sec_5 ,
.about .sec_5 .bg{height: 1063px;background: none;}
.about .sec_5 .bg{background: #FFF url(../images/content/bg_about_4.jpg) no-repeat bottom center;}
.about .sec_5 .wrapper h2{color:#FFF;text-align:left}
.about .sec_5 .wrapper .left{width:240px;padding-top: 15px}
.about .sec_5 .wrapper .right{width: 640px;padding:125px 0 20px 0;}
.about .sec_5 .wrapper .right p{text-align:left;color:#FFF;}
.about .sec_5 .wrap_circle{
    position: relative;
    background: url(../images/content/bg_about_bawah.png) no-repeat bottom;
    width:100%;
    padding:0 0 107px 0;
    margin: 111px 0 0 0;
}
.about .sec_5 .wrap_circle .circle{
    position: relative;
    background: url(../images/content/about_circle_2.png) no-repeat 0 2px;
    width:710px;
    height: 481px;
    margin: 0 auto;
}
.about .sec_5 .wrap_circle .circle .set_data{width: 370px;height: 180px;position: absolute;top:280px;left: 0;right: 0;margin: auto;}
.about .sec_5 .wrap_circle .circle .set_data h5{font-size: 20px;color:#1b1e49;font-weight: bold;margin: 0 0 30px;}
.about .sec_5 .wrap_circle .circle .set_data p{font-size: 18px;color:#474747;line-height: 25px;}
.about .sec_5 .wrap_circle .circle .data{display: none}
.about .sec_5 .wrap_circle .circle .box{
    cursor: pointer;
    background: #1b1e49;
    position: absolute;
    width: 120px;
    height: 120px;
    border:5px solid #FFF;
    margin: auto;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    opacity: 0;
}
.about .sec_5 .wrap_circle .circle .box .text{position: absolute;font-size: 18px;color:#FFF;margin:auto;height: 25px;width: 150px}
.about .sec_5 .wrap_circle .circle .box .ico{
    width: 116px;
    height: 116px;
    border:2px solid transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}
.about .sec_5 .wrap_circle .circle .box:nth-child(1){left:-60px;bottom: 65px;margin: 0 0 0 40px;}
.about .sec_5 .wrap_circle .circle .box:nth-child(2){left:40px;top: 40px;margin:10px 0 0 40px;}
.about .sec_5 .wrap_circle .circle .box:nth-child(3){left:285px;top: -60px;margin: 30px auto 0 }
.about .sec_5 .wrap_circle .circle .box:nth-child(4){right:40px;top: 40px;margin:10px 40px 0 0 ;}
.about .sec_5 .wrap_circle .circle .box:nth-child(5){right:-60px;bottom: 65px;margin: 0 40px 0 0 ;}
.about .sec_5 .wrap_circle .circle .box:nth-child(1) .text,
.about .sec_5 .wrap_circle .circle .box:nth-child(2) .text{right: 145px;top:0;bottom: 0;text-align: right}
.about .sec_5 .wrap_circle .circle .box:nth-child(3) .text{top:-40px;left: -15px;}
.about .sec_5 .wrap_circle .circle .box:nth-child(4) .text,
.about .sec_5 .wrap_circle .circle .box:nth-child(5) .text{left: 145px;top:0;bottom: 0;text-align: left}
.about .sec_5 .wrap_circle .circle .box.active{    
    background: #f8a403;
    border-color:#f8a403;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
}
.about .sec_5 .wrap_circle .circle .box.active .ico,
.about .sec_5 .wrap_circle .circle .box:hover .ico{border-color: #FFF;background-position: right center !important;}
.about .sec_6{ text-align: center;height:1070px;background: url(../images/content/bg_about_6.jpg)top center;z-index: 2}
.about .sec_6 h2,
.about .sec_6 p{max-width: none;text-align: center;}
.about .sec_6 p{margin: 0 0 100px;}
.about .sec_6 h2{font-size: 50px;padding:200px 0 20px; }
.about .sec_6 .link{margin: 0 0 200px}
.about .sec_6 .link a{font-size: 18px;color:#7d7d7d;display:block;float: left;width:20%;}
.about .sec_6 .link a img{margin:0 auto 20px;text-align: center;display: block;}

.member_card2 .stay{position: relative;z-index: 1;}
.member_card2 .stay.active{position: relative;z-index: 0}
.member_card2 .stay.active .inner_content{position:fixed;top:0;left: 0;width: 100%;z-index: 0;}

.std_content .top_dec {padding-bottom: 30px; margin-bottom: 1px solid #CCC;}
.std_content .top_dec p {font-size: 16px; color: #707070; line-height: 22px;}

.product_reward .list_Preward .box {width: 220px; float: left; margin: 0 20px 25px 0; position: relative; cursor: pointer;}
.benefit .dec_hover {padding: 20px;margin:0 0 25px;background: #f8a403; clear: both; position: relative;display: none;max-width: 900px}
.benefit .dec_hover h4 {font-size: 17px; font-weight: 700;}
.benefit .dec_hover p {font-size: 14px; color: #424242;}
.benefit .dec_hover ul {list-style: disc; padding-left: 16px;}
.benefit .dec_hover li {font-size: 13px; color: #424242; margin-bottom: 6px; line-height: 18px;}
.benefit .dec_hover:after {
    display: block;
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px;
    border-color: transparent transparent #f8a403 transparent;
    display: inline-block;
    top: -30px;
    left: 20px;    
}
.benefit .dec_hover._2:after{left: 265px;}
.benefit .dec_hover._3:after{left: 500px;}
.benefit .dec_hover._4:after{left: 740px;}
.benefit .dec_hover._6:after{left: 265px;}
.benefit .dec_hover._7:after{left: 500px;}
.benefit .dec_hover._8:after{left: 740px;}
.benefit .dec_hover._10:after{left: 265px;}
.benefit .dec_hover._11:after{left: 500px;}
.benefit .dec_hover._12:after{left: 740px;}

.benefit{width: 960px}
.product_reward .box .data{display: none;}
.product_reward .list_Preward .box .img { border: 1px solid #ccc;}
.product_reward .list_Preward .box .hover {position: absolute; background: rgba(27,30,73,0.9); width: 100%; bottom: 0; overflow: hidden;}
.product_reward .list_Preward .box .hover h4{color: #fff; text-align: center; padding: 25px 0; margin: 0; font-size: 17px;}
.product_reward .list_Preward .box .hover:after {
    position: absolute;
    content: "";
    width: 200px;
    height: 232px;
    border: 1px solid #fff;
    display: block;
    left: 0;
    right: 0;
    top:0;
    bottom: 0;
    margin: auto;
    opacity: 0;
    transition:0.4s all linear;
    -webkit-transition:0.4s all linear;
    -moz-transition:0.4s all linear;
    -ms-transition:0.4s all linear;
}
.product_reward .list_Preward .box .hover:hover:after{opacity:1;}

.product_merchant .list_merchant .box:hover {border: 4px solid #f8a403;}
.product_merchant .list_merchant .box {float: left; border: 4px solid transparent; margin: 0 6px 20px 0;}
.product_merchant .list_merchant .box .img img {display: block;}
.benefit .data{display: none;}

.shops .product_category{margin: 50px 0 0 0}
.shops .product_category .list .box{width: 337px;height: 195px;}

.filter_sort select{min-width: 110px;padding: 0;height: 28px}
.filter_sort label{margin: 0 5px 0 20px}
.std_content.member .title{margin-bottom: 0px;}
.std_content.member .breadcrumb{margin: 0 0 30px}
.std_content.member .banner{margin: 0 0 45px}

/* popup
----------------------------------------------------------------------------------------------*/
.wrap_popup{
    display: none;
    z-index: 999;
    position: fixed;
    background: rgba(0,0,0,0.8);
    height: 100%;
    width: 100%;
    top:0;
    left: 0;
}
.wrap_popup .box_popup{
    background: #FFF;
    width: 820px;
    padding: 7px;
    position: relative;
    margin:10% auto;
    border-radius: 5px;
}
.wrap_popup .box_popup .close{
    text-indent: -9999px;
    background: url(../images/material/close_ico.png) no-repeat center;
    width: 35px;
    height: 35px;
    position: absolute;
    top:-15px;
    right: -15px;
}
.wrap_popup .box_popup .image{float: left;width: 50%;}
.wrap_popup .box_popup .image img{display: block;}
.wrap_popup .box_popup .desc{float: right;width: 50%;text-align: center;background: #f8a403;min-height: 429px;}
.wrap_popup .box_popup h2{font-size: 50px;color:#333333;line-height: 45px;margin: 90px 0 5px 0;font-weight: 600;}
.wrap_popup .box_popup h2 span{display: block;font-size: 60px;}
.wrap_popup .box_popup p{color:#333;font-size: 18px;line-height: 20px;width: 320px;margin: 0 auto 30px;}
.wrap_popup .box_popup p.note{font-size: 12px;}
.wrap_popup .box_popup a.std_btn{width:180px;height:48px;font-size:26px;line-height: 46px;margin: 0 auto 5px}
.wrap_popup .box_popup a.std_btn:hover{background:#1b1e49;color:#f8a403}

.mobile_menu,
.toggle_menu,
.sml{display: none;}
/* footer
----------------------------------------------------------------------------------------------*/
footer { position: relative; background: #e8e5cf;z-index:3;}
footer .ctop{background: #111;height: 75px;}
footer .ctop .left{width:480px;margin: 7px 0 0 }
footer .ctop .left input[type=text]{
    background: #FFF;
    width: 400px;
    height: 38px;
    padding: 0 50px 0 10px;
    border-color:#b7b7b7;
    font-size: 16px;
    font-style: italic;
    color:#767676;
}
footer .ctop .left input[type=text]:focus{font-style: normal;}
footer .ctop .left .btn{
    position: relative;
    width:  30px;
    height: 38px;
    border:none;
    top:12px;
    background: url(../images/material/mail_btn.png) no-repeat center;
    margin: 0 0 0 -42px;
    text-indent: -9999px;
}
footer .ctop .right{text-align: right;margin: 15px 0 0 0}
footer .ctop .right a{
    display: inline-block;
    position: relative;
    margin: 0 0 0 5px;
    overflow: hidden;
    width: 39px;
    height: 39px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border:1px solid transparent;

}
footer .ctop .right a:hover{background: #FFF;border-color:#FFF;}
footer .cbottom{background: #e8e5cf;}
footer .cbottom .logo{width: 255px;margin: 25px 0 ;}

footer .cbottom .findus{width:265px;font-weight: bold;color:#1b1e49;margin:35px 0 0 0;}
footer .cbottom .findus h5{font-size: 12px;margin: 0 0 10px 35px;line-height: 17px;font-weight: bold;}
footer .cbottom .findus div{padding: 6px 0 6px 35px;}
footer .cbottom .findus div.address{background: url(../images/material/findus_ico_1.png) no-repeat  center left;}
footer .cbottom .findus div.phone{background: url(../images/material/findus_ico_2.png) no-repeat  center left;margin-top: 15px;}
footer .cbottom .findus div.bb{background: url(../images/material/findus_ico_3.png) no-repeat  center left;display:none}
footer .cbottom .findus div.mail{background: url(../images/material/findus_ico_4.png) no-repeat  center left;}

footer .cbottom .nav{width:179px;height:122px;border-left:1px solid #b7b7b7;margin: 20px 0 ;padding: 30px 0px 17px 30px ;}
footer .cbottom .nav a{display:block;margin:0 0 13px;color:#1b1e49;font-weight: bold;border-bottom: 1px solid transparent;} 
footer .cbottom .nav a:hover{text-decoration: underline}

footer .cbottom .copy{padding: 15px 0;border-top:1px solid #b7b7b7;}
footer .cbottom .copy p{color:#2b2b2b;margin: 3px 0 0 ;}
footer .cbottom .copy img{float: right;}